<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
    <title>Red Dead Redemption</title>
</head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./CSS/index.css">
<link rel="stylesheet" href="./CSS/mobile.css">
<link rel="stylesheet" href="./font/caidan/iconfont.css">
<body>
    <div class="header">

        <div class="header1">
            <a href="#"><img src="./img/c46845952588bf44125a37117d4da32c.svg"></a>
        </div>

        <div class="header2">
           <img src="./img/afce1282be848202a965031813991b09.svg">
        </div>

        <div class="header3">
            <div class="mobilemenu">
                <a href="#" class="iconfont icon-caidan"></a>
            </div>

            <div class="buynow">
                <a href="https://store.rockstargames.com/zh-CN/game/buy-red-dead-redemption"><p>立即购买</p></a>
            </div>

            <div class="search">
                <a href="#"><img src="./img/902006563577748c7d58ac9c2bf5e6df.svg" alt=""></a>
            </div>
            <div class="users">
                <a href="https://signin.rockstargames.com/signin/user-form?cid=rsg"><img src="./img/a29e26aa160e7be7e845708c335b3c39.svg" alt=""></a>
            </div>
        </div>
    </div>
    <div class="black">
           
    </div>

    <div class="home">

        <div class="buy">
            <a href="https://store.rockstargames.com/zh-CN/game/buy-red-dead-redemption"><p>立即购买</p></a>
        </div>

        <div class="watch">
            <a href="https://www.rockstargames.com/reddeadredemption?video=rct6rso4"><p>立即观看</p></a>
        </div>

        <div class="rd">
            <img src="./img/6dcab3da727a2607c1d94dc24c52827d.svg">
        </div>
        <div class="john">
            <img src="./img/john.png">
            <div class="coming">
                <p>现已在 Nintendo Switch、PlayStation 4 和 Xbox 上推出</p>
            </div>
        </div>
    </div>

    <div class="shidai">
        <img src="./img/0663ef117cee5198b7b76a418e5a66d1de53f380.png" alt="">
        <div class="word">
        <h1>体验造就了一个游戏世代的史诗西部冒险</h1>
        <p>在 Red Dead Redemption 及其僵尸恐怖衍生游戏《不死梦魇》中，穿越美国西部和墨西哥广阔的土地。现可在现代主机上游玩。</p>
    </div>
    </div>

    <div class="story">

        <img src="./img/8f14759e771d621a56ef544165ece520d29aca80.png" alt="">
        <div class="word1">
            <img src="./img/e6432d98129ac79c2d6d6c3ce1e1817f89815fdd.svg" alt="">
        <p>当联邦探员威胁他的家人时，从前的亡命之徒约翰·马斯顿被迫追捕他曾经称之为朋友的犯罪团伙。进入 2018 年大作 Red Dead Redemption 2 之后发生的故事，体验马斯顿为埋葬自己血迹斑斑的过去而奋战，一次解决一人。</p>
    </div>
</div>

<div class="story2">

    <img src="./img/839a98c6f8676703368097d2815e74d1dbe804f4.png" alt="">
    <div class="word2">
        <img src="./img/1d7cdf7abfc5f499cc1f2ebc8c5f20932d6f1c21.svg" alt="">
    <p>当从前的亡命之徒约翰·马斯顿在自家农舍醒来时，发现世界变得疯狂：一夜之间，疯狂的僵尸群占领了美国边境的城镇和前哨。为了拯救家人，马斯顿必须穿越这个被混乱和无序撕裂的世界，利用他所拥有的一切技能，生存足够长的时间来找到治疗方法。</p>
</div>
</div>
<div class="screen">
    <h2>游戏截图</h2>
    <div class="pic">
        <div class="img1">
            <a href="#"><img src="./img/1.jpg"></a>
        </div>
        <div class="img2">
            <a href="#"><img src="./img/2.jpg" alt=""></a>
        </div>
        <div class="img3">
            <a href="#"><img src="./img/3.jpg" alt=""></a>
        </div>
        <div class="img4">
            <a href="#"><img src="./img/4.jpg" alt=""></a>
        </div>
        <div class="img5">
            <a href="#"><img src="./img/5.jpg" alt=""></a>
        </div>
        <div class="img6">
            <a href="#"><img src="./img/6.jpg" alt=""></a>
        </div>
        <div class="img7">
            <a href="#"><img src="./img/7.jpg" alt=""></a>
        </div>
        <div class="img8">
            <a href="#"><img src="./img/8.jpg" alt=""></a>
        </div>
        <div class="img9">
            <a href="#"><img src="./img/9.jpg" alt=""></a>
        </div>
        <div class="img10">
            <a href="#"><img src="./img/10.jpg" alt=""></a>
        </div>
    </div>
</div>

<div class="goumai">
    <img src="./img/6f72845c8d9ae37e77623350b8915bfb2ca8f59c.jpg">
    <div class="buyword">
        <h1>获取游戏</h1>
        <p>马上在 Nintendo eShop、PlayStation Store 或 Microsoft Store 购买 Red Dead Redemption。Nintendo Switch 和 PlayStation 4 版 Red Dead Redemption 提供 Red Dead Redemption 和《不死梦魇》的单人游戏体验，以及年度游戏版的奖励内容等，不提供多人游戏内容。Red Dead Redemption 和《不死梦魇》作为 Xbox 独立游戏提供。</p>
    </div>
    
    <div class="box">
       <a href="https://www.nintendo.com/us/store/products/red-dead-redemption-switch/"><img src="./img/switch.svg"></a>
       <a href="https://store.playstation.com/en-us/concept/10006164/"><img src="./img/ps.svg"></a>
        <a href="https://www.xbox.com/en-US/games/store/red-dead-redemption/bwklfhwt7dhc"><img src="./img/xbox.svg"></a>
    </div>
    <div class="button">
        <a href="https://www.xbox.com/en-US/games/store/red-dead-redemption/bwklfhwt7dhc"><h3>立即购买</h3></a>
    </div>
</div>


</body>
</html>